<template>
  <div class="div_right_top">
    <div class="div_right_title">
      <b>
        <!--        不应该直接取值,而是获取第一个-->
        {{this.$store.state.rightTitle}}
      </b>
    </div>
    <div class="div_right_top_signature">
      <b>
        <!--TODO: 也应该是动态的.-->
        {{this.$store.state.rightSignature}}
      </b>
    </div>
  </div>
</template>

<script>
// right top 应该是个动态的.
export default {
  name: "right_top",
  data() {
    return {
      right_title: "",
    }
  },
  mounted() {
    if (this.$store.state.chartStatus.nowSessions.length <= 0) {
      this.$store.state.rightTitle = ""
    } else {
      this.$store.state.rightTitle = this.$store.state.chartStatus.nowSessions[this.$store.state.chartStatus.nowChartNumber].user_name
    }
  }
}
</script>

<style scoped>

.div_right_top {
  height: 70px;
  /*border-bottom: 1px solid #bdc3c7;*/
  border-bottom: 1px solid rgba(189, 195, 199, 0.31);
  background-color: #f5f6f7;
}

.div_right_title {
  margin-left: 25px;
  position: absolute;
  margin-top: 12px;
}

.div_right_top_signature {
  position: absolute;
  margin-top: 40px;
  margin-left: 25px;
  color: #817f81;
  font-size: 12px;
  font-weight: 400;
}

</style>